<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <!-- 显示地声明如果用ie浏览器的化，要用最新的版本的视图引擎来渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>用户管理页面</title>
    <link rel="stylesheet" type="text/css" href="../../static/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../../static/lib/datetimepicker/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="../../static/lib/bootstrapSelect/css/bootstrap-select.min.css">
    <!--[if lt IE 9]>
    <script src="../../static/lib/html5shiv/html5shiv.min.js"></script>
    <script src="../../static/lib/respond/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../../static/css/user.css">
</head>

<body>
<div class="container-fluid">

    <div class="row">
        <form action="/admin/userSearch.html" id="search_form" class="form-inline" method="post">
            <div class="form-group has-feedback">
                <label>报名时间:</label> <input class="form-control input-sm form_datetime" type="text"
                                            name="regCourseStartTime"> <span
                    class="iconfont icon-kalendar form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <label>至</label> <input class="form-control input-sm form_datetime" type="text" name="regCourseEndTime">
                <span class="iconfont icon-kalendar form-control-feedback"></span>
            </div>
            &nbsp;
            <div class="form-group">
                <label>报名课程:</label> <input class="form-control input-sm" type="text" name="regCourse"
                                            placeholder="课程名称">
            </div>
            &nbsp;
            <div class="form-group">
                <label>学员信息:</label> <input class="form-control input-sm" type="text" name="userInfo"
                                            placeholder="用户名/手机号">
            </div>
        </form>
    </div>
    <div id="search_btn" class="row text-right">
        <button id="searchBtn" type="button" class="btn btn-default">查询</button>
        <button type="button" data-toggle="modal" data-target="#addUserModal" class="btn btn-default">添加</button>
        <button id="batchDelUsersBtn" type="button" class="btn btn-default">删除</button>
        <button type="button" class="btn btn-default">导入</button>
        <button type="button" class="btn btn-default">导出</button>
    </div>
    <div id="content_table" class="row">
        <div class="table-responsive">
            <table class="table table-bordered table-hover">
                <tr>
                    <td style="width: 30px;"><input type="checkbox" class="chkall" onclick="chkall();"></td>
                    <td>用户名</td>
                    <td>手机号</td>
                    <td>邮箱地址</td>
                    <td>角色</td>
                    <td>用户状态</td>
                    <td style="width: 100px;">操作</td>
                </tr>
<!--           				<c:forEach items="${userDatasByPager.list}" var="user">-->
<!--           					<tr>-->
<!--           						<td><input value="${user.id}" type="checkbox" name="chkuser" class="chkone" onclick="chkone();"></td>-->
<!--           						<td>${user.username}</td>-->
<!--           						<td>${user.phone}</td>-->
<!--           						<td>${user.email}</td>-->
<!--           						<td>&#45;&#45;%>-->
<!--           						<c:forEach items="${user.roles}" var="role">-->
<!--           							${role.name}&nbsp;-->
<!--           						</c:forEach>-->
<!--           						</td>-->
<!--           						<td>${user.enable}</td>-->
<!--           						<td><a href="/admin/updateUser.html?id=${user.id}" data-target="#updateUserModal" data-toggle="modal">编辑</a> <a href="/admin/delUser.html?id=${user.id}" onclick="return delSure()">删除</a></td>-->
<!--           					</tr>-->
<!--           				</c:forEach>-->
            </table>
        </div>
    </div>
    <div id="pager" class="row">
        <p class="pull-left">
            总共有<span>100 </span>记录，当前页<span> 0 / 1</span>页
        </p>
        <div class="btngroup pull-right">
            <a href="/admin/userManager.html?pageNum=1&pageSize=10" type="button" class="btn btn-default">首页</a>
            <a href="/admin/userManager.html?pageNum=&pageSize=10" type="button" class="btn btn-default">上一页</a>
            <a href="/admin/userManager.html?pageNum=&pageSize=10" type="button" class="btn btn-default">下一页</a>
            <a href="/admin/userManager.html?pageNum=&pageSize=10" type="button" class="btn btn-default">尾页</a>
        </div>
    </div>
</div>
<!-- Modal 添加 -->
<div class="modal fade" data-backdrop="false" id="addUserModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">添加用户</h4>
            </div>
            <div class="modal-body">
                <form id="addUserFrom" action="/admin/addUser.html" method="post">
                    <div class="form-group">
                        <label>用户名：</label> <input type="text" name="username" class="form-control" placeholder="用户名">
                    </div>
                    <div class="form-group">
                        <label>密码：</label> <input type="password" name="password" class="form-control" placeholder="密码">
                    </div>
                    <div class="form-group">
                        <label>关联的角色：</label>
                        <select name="roleIds" class="selectpicker form-control" multiple>
<!--                           							<c:forEach items="${allRoles}" var="role">-->
<!--                           								<option value="${role.id}">${role.name}</option>-->
<!--                           							</c:forEach>-->
                            <option value="1">管理员</option>

							</select>
						</div>
						<div class=" form-group
                            ">
                            <label>手机号：</label> <input type="text" name="phone" class="form-control" placeholder="手机号码">
                    </div>
                    <div class="form-group">
                        <label>邮箱：</label> <input type="text" name="email" class="form-control" placeholder="电子邮箱">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="addUserBtn" type="button" class="btn btn-primary">添加用户</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal 编辑 -->
<div class="modal fade" data-backdrop="false" id="updateUserModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <!--这里的内容是动态改变的 -->
        </div>
    </div>
</div>
<script src="../../static/lib/jquery/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="../../static/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="../../static/lib/datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="../../static/lib/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../../static/lib/bootstrapSelect/js/bootstrap-select.min.js"></script>
<script src="../../static/lib/bootstrapSelect/js/i18n/defaults-zh_CN.min.js"></script>
<script type="text/javascript" src="../../static/js/user.js"></script>
</body>

</html>
